/*
Reference colors:
top: #008DB8;
body: #C0DEED;
*/

h3 {
    text-decoration:underline;
}

.bl {background: url(img/bl.png) 0 100% no-repeat #3f972e; width: 100%;}
.br {background: url(img/br.png) 100% 100% no-repeat}
.tl {background: url(img/tl.png) 0 0 no-repeat}
.tr {background: url(img/tr.png) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px} 

.t2 {background: url(img/dot.gif) 0 0 repeat-x; width: 100%;}
.b2 {background: url(img/dot.gif) 0 100% repeat-x}
.l2 {background: url(img/dot.gif) 0 0 repeat-y}
.r2 {background: url(img/dot.gif) 100% 0 repeat-y}
.bl2 {background: url(img/bl2.png) 0 100% no-repeat}
.br2 {background: url(img/br2.png) 100% 100% no-repeat}
.tl2 {background: url(img/tl2.png) 0 0 no-repeat}
.tr2 {background: url(img/tr2.png) 100% 0 no-repeat; padding:10px}

div.leftNavTable a:link { color: #FFF; text-decoration:none;}
div.leftNavTable a:visited { color: #FFF; text-decoration:none;}
div.leftNavTable a:hover { color: #CFF; text-decoration:none;}
div.leftNavTable a:active { color: #F33; text-decoration:none;}

input[type="text"], input[type="password"]
{
    width: 95%;
}

body {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    background-color: #FFF;
}

div.spacer {
    width: 100%;
    height: 100px;
}

/*div.body {
	margin-left: 10%;
	margin-right: 10%;
	border-style: dashed;
	border-color: #000;	
}*/

div.login {
    background-color: #008DB8;
    color: #FFF;
    margin-top: 5%;
    margin-left: 30%;
    margin-right: 30%;
}

div.topGradient {
    position:absolute;
    width: 100%;
    height: 9%;
    margin-top: -0.5%;
    margin-left: -0.5%;
    margin-right: -0.5%;
    z-index: -1;
}

div.top {
    color: #FFF;
    /*background-color: #008DB8;*/
    margin-left: -0.5%;
    margin-right: -0.5%;
    margin-top: -0.5%;
    padding: 10px;
}

div.bottom {
    position: fixed;
    width: 100%;
    text-align: center;
    background-color: #CCC;
    bottom: -0.1%;
    left: -0.1%;
    right: -0.1%;
    padding-top: 1px;
    padding-bottom: 5px;
}

div.topBar {
    margin-left: 16%;
    margin-right: 16%;
    margin-top: 2%;
    /*background: #CCC;*/
    /*border-style: dashed;*/
    /*border-color: #F00;*/
}

div.mainBody {
    margin-left: 16%;
    margin-right: 16%;
    margin-top: 1%;
    /*background: #CCC;*/
    /*border-style: dashed;*/
    /*border-color: #F00;*/
}

/*div.leftNavTable.tr a:link { color: #FFF; text-decoration:none;}
div.leftNavTable.tr a:visited { color: #0FF; text-decoration:none;}
div.leftNavTable.tr a:hover { color: #000; font-weight:bolder; text-decoration:none;}
div.leftNavTable.tr a:active { color: #F33; text-decoration:none;}*/

div.leftNavTable {
    color: #FFF;
    width: 11%;
    margin-left: 1%;
    margin-top: 5%;
    float: left;
    padding: 1%;
    /*border-style: dashed;*/
    /*border-color: #000;*/	
}

tr.highlightRows:hover {
    color: #3FC;
}

tr.highlightRows2:hover {
    background-color: #3FC;
}

td.highlightCell:hover {
    background-color: #3FC;
}

div.inlineImg{
    display: inline;
}

div.footer {
    background: #666;
    width: 100%;
    position: fixed;
    font-weight: bold;
    color: #FFF;
    bottom: 5px;
    text-align: center;
    padding: 2px;
}